<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="en"><![endif]-->
<!--[if(gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Name of your web site">
    <meta name="author" content="Marketify">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Arlo | Home</title>
    <!-- STYLES -->
    <link
        href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css?family=Montserrat:200i,300,300i,400,400i,500,500i,600,700,700i,800&amp;display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
        rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/plugins.css" />
    <link rel="stylesheet" type="text/css" href="css/colors.css" />
    <link rel="stylesheet" type="text/css" href="css/darkMode.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--[if lt IE 9]><script type="text/javascript" src="js/modernizr.custom.js"></script><![endif]-->
    <!-- /STYLES -->
</head>



<body>
    <!-- If you want DARK MODE just add class 'dark' to body. For Example:<body class="dark">-->
    <!-- PRELOADER -->
    <div class="arlo_tm_preloader">
        <div class="spinner_wrap">
            <div class="spinner"></div>
        </div>
    </div>
    <!-- /PRELOADER -->
    <!-- WRAPPER ALL -->
    <div class="arlo_tm_all_wrap" data-magic-cursor="" data-color="crimson">
        <!-- "" is default option -->
        <!-- MAGIC CURSOR VALUES:"",hide -->
        <!-- COLOR VALUES:blue,green,brown,pink,orange,black,white,purple,sky,cadetBlue,crimson,olive,red -->
        <!-- MODALBOX NEWS -->
        <div class="arlo_tm_modalbox_news">
            <div class="box_inner">
                <div class="close"><a href="#"><img class="svg" src="img/svg/cancel.svg" alt="" /></a></div>
                <div class="description_wrap scrollable"></div>
            </div>
        </div>
        <!-- /MODALBOX NEWS -->


        <!-- MOBILE MENU -->
        <div class="arlo_tm_mobile_menu">
            <div class="mobile_menu_inner">
                <div class="container">
                    <div class="mobile_in">
                        <div class="logo"><a href="#"><img src="img/logo/mobile/dark.png" alt="" /></a></div>
                        <div class="my_trigger">
                            <div class="hamburger hamburger--collapse-r">
                                <div class="hamburger-box">
                                    <div class="hamburger-inner"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="dropdown">
                <div class="container">
                    <div class="dropdown_inner">
                        <ul class="anchor_nav">
                            <li><a href="#home">Home</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#services">Services</a></li>
                            <li><a href="#portfolio">Portfolio</a></li>
                            <li><a href="#news">News</a></li>
                            <li><a href="#contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- /MOBILE MENU -->
        <!-- TOPBAR -->
        <div class="arlo_tm_topbar">
            <div class="container">
                <div class="topbar_inner">
                    <div class="logo"><a href="#"><img class="light" src="img/logo/classic/light.png" alt="" /></a><a
                            href="#"><img class="dark" src="img/logo/classic/dark.png" alt="" /></a></div>
                    <div class="menu">
                        <ul class="anchor_nav">
                            <li class="current"><a href="#home">首页</a></li>
                            <li><a href="#about">关于</a></li>
                            <li><a href="#services">专业技能</a></li>
                            <li><a href="#portfolio">项目经历</a></li>
                            <li><a href="#news">其他经历</a></li>
                            <li><a href="#contact">联系方式</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- /TOPBAR -->
        <!-- HERO -->
        <div class="arlo_tm_hero" id="home">
            <div class="background">
                <div class="image" data-img-url="img/slider/1.jpg"></div>
                <div class="overlay"></div>
            </div>
            <div class="content">
                <div class="image_wrap">
                    <div class="main" data-img-url="img/slider/3.jpg">
                    </div>
                </div>
                <div class="name_holder">
                    <h3>He <span>Yangyang</span></h3>
                </div>
                <div class="text_typing">
                    <p></p>
                </div>
            </div>
            <div class="arlo_tm_arrow_wrap bounce anchor"> <a href="#about"><i class="xcon-angle-double-down"></i></a>
            </div>
        </div>
        <!-- /HERO -->

        <!-- ABOUT -->
        <div class="arlo_tm_about" id="about">
            <div class="container">
                <div class="arlo_tm_main_title"> <span>个人介绍</span>
                    <h3>关于</h3>
                </div>
                <div class="about_inner">
                    <div class="left">
                        <div class="about_image_wrap parallax" data-relative-input="true">
                            <div class="image layer" data-depth="0.1"> <img src="img/ratios/550x650.jpg" alt="" />
                                <div class="inner" data-img-url="img/slider/2.jpg">
                                </div>
                            </div>
                            <div class="border layer" data-depth="0.2"> <img src="img/ratios/550x650.jpg" alt="" />
                                <div class="inner"></div>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="about_title">
                            <h3>你好！我叫何洋洋，西安科技大学软件工程专业大四在读。</h3>
                        </div>
                        <div class="text">
                            <p></p>
                        </div>
                        <div class="about_short_contact_wrap">
                            <ul>
                                <li> <img class="svg" src="img/svg/gift.svg" alt="" /> <span>
                                        <label>生日:</label>
                                        2001.08.28</span> </li>
                                <li> <img class="svg" src="img/svg/calendar-4.svg" alt="" /> <span>
                                        <label>年龄:</label>
                                        21</span> </li>
                                <li> <img class="svg" src="img/svg/location-1.svg" alt="" /> <span>
                                        <label>地址:</label>
                                        <a class="href_location" href="#">陕西西安</a></span> </li>
                                <li> <img class="svg" src="img/svg/game-controller-2.svg" alt="" /> <span>
                                        <label>兴趣爱好:</label>
                                        篮球，电子竞技</span> </li>
                                <li> <img class="svg" src="img/svg/study-5.svg" alt="" /> <span>
                                        <label>就读院校:</label>
                                        <a class="href_location" href="#"> 西安科技大学</a></span> </li>
                                <li> <img class="svg" src="img/svg/degree-1.svg" alt="" /> <span>
                                        <label>学位:</label>
                                        本科</span> </li>
                                <li> <img class="svg" src="img/svg/message-3.svg" alt="" /> <span>
                                        <label>邮箱:</label>
                                        <a href="mailto:example@gmail.com">2294******7&#64;qq.com</a></span> </li>
                                <li> <img class="svg" src="img/svg/call-2.svg" alt="" /> <span>
                                        <label>手机:</label>
                                        <a href="tel:+77 022 177 05 05">187****635</a></span> </li>
                            </ul>
                        </div>
                        <div class="arlo_tm_button"> <a href="img/resume/resume.jpg" download><span>下载简历</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /ABOUT -->

        <!-- SERVICES -->
        <div class="arlo_tm_section" id="services">
            <div class="arlo_tm_services">
                <div class="container">
                    <div class="arlo_tm_main_title"> <span>技能清单</span>
                        <h3>专业技能</h3>
                    </div>
                    <div class="service_inner">
                        <ul>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s">
                                <div class="inner"> <img class="svg" src="img/svg/creativity.svg" alt="" />
                                    <h3></h3>
                                    <p>了解webpack以及基本配置，打包产物分析，了解Babel工作流程，less，sass语法
                                        <br>熟练使用vue渐进式JavaScript开发框架以及Element-ui组件库
                                    </p>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.2s">
                                <div class="inner"> <img class="svg" src="img/svg/code.svg" alt="" />
                                    <h3></h3>
                                    <p>熟练掌握js核心思想。原型链，继承思想，垃圾回收机制，事件代理，以及es6/7的promise，async/awiat,模块化思想等
                                    </p>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.4s">
                                <div class="inner"> <img class="svg" src="img/svg/telegram.svg" alt="" />
                                    <h3></h3>
                                    <p>理解vue响应式原理，数据劫持，发布订阅者模式，组件化开发思想，组件封装，生命周期函数，vue-router导航模式，
                                        vueX状态管理模式等
                                    </p>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s">
                                <div class="inner"> <img class="svg" src="img/svg/photoshop.svg" alt="" />
                                    <h3></h3>
                                    <p>前端UI设计经验，熟悉Adobe Photoshop软件使用基于axure进行网页设计
                                        <br>TCP建立与断开连接过程,熟悉AJAX，axios请求形式，git，npm常用命令，linux系统操作
                                    </p>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.2s">
                                <div class="inner"> <img class="svg" src="img/svg/ai.svg" alt="" />
                                    <h3></h3>
                                    <p>熟悉MySQL中表、视图的增删查改等操作,以及创建索引和事务管理，了解oracle基本语法
                                        <br>掌握网络请求，http缓存机制，CDN加速原理，处理浏览器跨域问题，了解Http多路复用，长连接等
                                    </p>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.4s">
                                <div class="inner"> <img class="svg" src="img/svg/share.svg" alt="" />
                                    <h3></h3>
                                    <p>基于java，node服务端开发，熟悉express，koa2框架使用，有基于springboot微服务架构后端开发经验，能够使用
                                        mybatis-plus操作数据库
                                        <br>其他：英语六级，听说读写能力良好，能够快速适应sprint敏捷开发进度模式。
                                    </p>
                                </div>
                            </li>
                        </ul>
                        <div class="lets_work wow fadeInLeft" data-wow-duration="1.5s">
                            <p>想要了解更多关于我的故事? <a href="#contact">请联系我</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /SERVICES -->
        <!-- PORTFOLIO -->
        <div class="arlo_tm_section" id="portfolio">
            <div class="arlo_tm_portfolio">
                <div class="container">
                    <div class="arlo_tm_main_title"><span>项目</span>
                        <h3>项目经历</h3>
                    </div>
                    <div class="portfolio_inner">
                        <div class="arlo_tm_portfolio_titles"></div>
                        <div class="portfolio_filter">
                            <ul>
                                <li><a href="#" class="current" data-filter="*">全部</a></li>
                                <li><a href="#" data-filter=".design">管理系统</a></li>
                                <li><a href="#" data-filter=".branding">PC端</a></li>
                                <li><a href="#" data-filter=".photography">移动端</a></li>
                            </ul>
                        </div>
                        <div class="portfolio_list">
                            <ul class="gallery_zoom">
                                <li class="photography">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Sweet Fruit"
                                            data-category="Photography"><a class="zoom" href="img/portfolio/1.jpg"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image" data-img-url="img/portfolio/1.jpg"></div>
                                            </a></div>
                                    </div>
                                </li>
                                <li class="branding">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="疫苗预约管理系统"
                                            data-category="Branding"><a class="popup-youtube"
                                                href="https://www.youtube.com/watch?v=ICr_bOuM9Zo"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image"
                                                    data-img-url="https://images.unsplash.com/photo-1652726513684-6c9ec81b0ebd?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687">
                                                </div>
                                            </a></div>
                                    </div>
                                </li>
                                <li class="design">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="个人博客"
                                            data-category="Photography"><a class="zoom" href="img/portfolio/3.jpg"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image" data-img-url="img/portfolio/3.jpg"></div>
                                            </a></div>
                                    </div>
                                </li>
                                <li class="photography">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Black Coffee"
                                            data-category="Photography"><a class="zoom" href="img/portfolio/4.jpg"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image" data-img-url="img/portfolio/4.jpg"></div>
                                            </a></div>
                                    </div>
                                </li>
                                <li class="branding">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Blue Lemon"
                                            data-category="Branding"><a class="popup-youtube"
                                                href="https://www.youtube.com/watch?v=ICr_bOuM9Zo"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image"
                                                    data-img-url="https://images.unsplash.com/photo-1652435217856-edf0ce8b6735?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=720">
                                                </div>
                                            </a></div>
                                    </div>
                                </li>
                                <li class="design">
                                    <div class="inner">
                                        <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Sweet Cherry"
                                            data-category="Photography"><a class="zoom" href="img/portfolio/6.jpg"><img
                                                    src="img/ratios/ratio-1-1.jpg" alt="" />
                                                <div class="main_image" data-img-url="img/portfolio/6.jpg"></div>
                                            </a></div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /PORTFOLIO -->
        <!-- COUNTER -->
        <div class="arlo_tm_section">
            <div class="arlo_tm_counter_section">
                <div class="container">
                    <div class="counter_inner">
                        <ul class="wow fadeInLeft" data-wow-duration="1.5s">
                            <li>
                                <div class="list_inner">
                                    <h3 class="arlo_tm_counter" data-from="0" data-to="5" data-speed="2000">0</h3>
                                    <span>位知心朋友</span>
                                </div>
                            </li>
                            <li>
                                <div class="list_inner">
                                    <h3 class="arlo_tm_counter" data-from="0" data-to="2" data-speed="2000">0</h3>
                                    <span>个项目完成</span>
                                </div>
                            </li>
                            <li>
                                <div class="list_inner">
                                    <h3 class="arlo_tm_counter" data-from="0" data-to="4" data-speed="2000">0</h3>
                                    <span>项获奖</span>
                                </div>
                            </li>
                            <li>
                                <div class="list_inner">
                                    <h3 class="arlo_tm_counter" data-from="0" data-to="2" data-speed="2000">0</h3>
                                    <span>场活动组织</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- /COUNTER -->
        <!-- NEWS -->
        <div class="arlo_tm_section" id="news">
            <div class="arlo_tm_news">
                <div class="container">
                    <div class="arlo_tm_main_title"><span>经历</span>
                        <h3>其他经历</h3>
                    </div>
                    <div class="news_list">
                        <ul>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s">
                                <div class="list_inner">
                                    <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                                        <div class="main"
                                            data-img-url="https://images.unsplash.com/photo-1571061614252-b045689850f4?ixlib=rb-1.2.1&raw_url=true&q=80&fm=jpg&crop=entropy&cs=tinysrgb&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687">
                                        </div>
                                        <a class="arlo_tm_full_link" href="#"></a>
                                    </div>
                                    <div class="details">
                                        <h3 class="title"><a href="#">新新英语协会优秀干事</a></h3>
                                        <p class="date">By <a href="#">HEYANGYANG</a><span>2020年3月</span></p>
                                    </div>
                                    <div class="description">
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</p>
                                        <blockquote>As Vintage decided to have a closer look into fast-paced New York
                                            web design realm in person. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</blockquote>
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. We encounter professionals with careers to covet
                                            and lives to write books about. As Vintage decided to have a closer look
                                            into fast-paced New York web design realm in person,we get to acquaint with
                                            most diverse and exceptionally captivating personalities. As Vintage decided
                                            to have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities. As Vintage decided to have a closer look into fast-paced New
                                            York web design realm in person,we get to acquaint with most diverse and
                                            exceptionally captivating personalities.</p>
                                        <div class="share"><span>Share:</span>
                                            <ul class="social">
                                                <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/behance.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg"
                                                            alt=""></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s">
                                <div class="list_inner">
                                    <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                                        <div class="main"
                                            data-img-url="https://images.unsplash.com/photo-1585692614199-ebbed22043c8?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687">
                                        </div>
                                        <a class="arlo_tm_full_link" href="#"></a>
                                    </div>
                                    <div class="details">
                                        <h3 class="title"><a href="#">陕西省全国大学生数学建模省级二等奖</a></h3>
                                        <p class="date">By <a href="#">HEYANGYANG</a><span>2022年5月</span></p>
                                    </div>
                                    <div class="description">
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</p>
                                        <blockquote>As Vintage decided to have a closer look into fast-paced New York
                                            web design realm in person. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</blockquote>
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. We encounter professionals with careers to covet
                                            and lives to write books about. As Vintage decided to have a closer look
                                            into fast-paced New York web design realm in person,we get to acquaint with
                                            most diverse and exceptionally captivating personalities. As Vintage decided
                                            to have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities. As Vintage decided to have a closer look into fast-paced New
                                            York web design realm in person,we get to acquaint with most diverse and
                                            exceptionally captivating personalities.</p>
                                        <div class="share"><span>Share:</span>
                                            <ul class="social">
                                                <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/behance.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg"
                                                            alt=""></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".4s">
                                <div class="list_inner">
                                    <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                                        <div class="main"
                                            data-img-url="https://images.unsplash.com/photo-1650380224397-ad4c57b9c37e?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=715">
                                        </div>
                                        <a class="arlo_tm_full_link" href="#"></a>
                                    </div>
                                    <div class="details">
                                        <h3 class="title"><a href="#">西科翻译杯2020，2021届优秀奖</a></h3>
                                        <p class="date">By <a href="#">HEYANGYANG</a><span>2020，2021年3月</span></p>
                                    </div>
                                    <div class="description">
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</p>
                                        <blockquote>As Vintage decided to have a closer look into fast-paced New York
                                            web design realm in person. As Vintage decided to have a closer look into
                                            fast-paced New York web design realm in person,we get to acquaint with most
                                            diverse and exceptionally captivating personalities. As Vintage decided to
                                            have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities.</blockquote>
                                        <p>As Vintage decided to have a closer look into fast-paced New York web design
                                            realm in person,we get to acquaint with most diverse and exceptionally
                                            captivating personalities. We encounter professionals with careers to covet
                                            and lives to write books about. As Vintage decided to have a closer look
                                            into fast-paced New York web design realm in person,we get to acquaint with
                                            most diverse and exceptionally captivating personalities. As Vintage decided
                                            to have a closer look into fast-paced New York web design realm in person,we
                                            get to acquaint with most diverse and exceptionally captivating
                                            personalities. As Vintage decided to have a closer look into fast-paced New
                                            York web design realm in person,we get to acquaint with most diverse and
                                            exceptionally captivating personalities.</p>
                                        <div class="share"><span>Share:</span>
                                            <ul class="social">
                                                <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/behance.svg"
                                                            alt=""></a></li>
                                                <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg"
                                                            alt=""></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- /NEWS -->
        <!-- CONTACT -->
        <div class="arlo_tm_section" id="contact">
            <div class="arlo_tm_contact">
                <div class="container">
                    <div class="contact_inner">
                        <div class="arlo_tm_main_title"><span>联系</span>
                            <h3>联系</h3>
                        </div>
                        <div class="desc">
                            <p class="wow txt" data-splitting>请填写下面部分的表单与我联系，或者在周一到周五早9点至晚8点联系我</p>
                        </div>
                        <div class="wrapper">
                            <div class="left wow fadeInLeft" data-wow-duration="1.5s">
                                <div class="fields">
                                    <form action="http://v.jq22.com/" method="post" class="contact_form"
                                        id="contact_form">
                                        <div class="returnmessage"
                                            data-success="Your message has been received, We will contact you soon.">
                                        </div>
                                        <div class="empty_notice"><span>Please Fill Required Fields</span></div>
                                        <div class="first">
                                            <ul>
                                                <li>
                                                    <input id="name" type="text" placeholder="名字" autocomplete="off">
                                                </li>
                                                <li>
                                                    <input id="email" type="text" placeholder="邮箱" autocomplete="off">
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="last">
                                            <textarea id="message" placeholder="信息"></textarea>
                                        </div>
                                        <div class="arlo_tm_button" data-color="dark"><a id="send_message"
                                                href="#">发送信息</a></div>
                                        <!-- If you want change mail address to yours,just open "modal" folder>>contact.php and go to line 4 and change detail to yours. -->
                                    </form>
                                </div>
                            </div>
                            <div class="right wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s">
                                <div class="map_wrap">
                                    <div class="map" id="ieatmaps"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /CONTACT -->


        <!-- COPYRIGHT -->
        <div class="arlo_tm_section">
            <div class="arlo_tm_copyright">
                <div class="container">
                    <div class="inner">
                        <div class="copy wow fadeInLeft" data-wow-duration="1.5s">
                            <p>&copy;Copyright 2019-2021</p>
                        </div>
                        <div class="social wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s">
                            <ul>
                                <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg" alt="" /></a></li>
                                <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg" alt="" /></a></li>
                                <li><a href="#"><img class="svg" src="img/svg/social/behance.svg" alt="" /></a></li>
                                <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg" alt="" /></a></li>
                                <li><a href="#"><img class="svg" src="img/svg/social/tik-tok.svg" alt="" /></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /COPYRIGHT -->
        <!-- CURSOR -->
        <div class="mouse-cursor cursor-outer"></div>
        <div class="mouse-cursor cursor-inner"></div>
        <!-- /CURSOR -->
    </div>
    <!-- / WRAPPER ALL -->
    <!-- SCRIPTS -->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!--[if lt IE 10]><script type="text/javascript" src="js/ie8.js"></script><![endif]-->
    <script src="js/plugins.js"></script>
    <script src="js/init.js"></script>
    <script async defer
        src="http://www.google.cn/maps/api/js?key=AIzaSyA5bpEs3xlB8vhxNFErwoo3MXR64uavf6Y&amp;callback=initMap"></script>
    <!-- /SCRIPTS -->
</body>

</html>